微前端

what: 微前端是什么？

why:  微前端能做什么?微前端解决了什么问题?

how：微前端怎么解决的这些问题？

微前端是一种架构，类似于微服务；

微前端解决了应用体积庞大的问题；

将web应用，由单体应用 转变为 多个小型前端应用聚合为一的应用；

微前端解决方案

• 前端容器化：

• iframe

• 微组件

• web component -> shadow dom

• 微应用

• npm

• git submodules

• menorepo

微前端价值

• 技术栈无关

• 独立开发、独立部署

• 子应用状态隔离

实现方式

组合式应用路由方案， 基座 + 微应用组成

基座：应用注册、路由映射、消息下发

微应用： 各种技术栈的前端应用

基座应用中有一些菜单项，点击可以实现路由跳转

技术难点

路由系统

应用集成方式

js隔离

样式隔离

qiankun

js隔离：proxysandbox 代理沙箱、snapshotsandbox 快照沙箱

样式隔离：动态样式、作用域样式隔离（添加前缀）、shadow-dom、